<extend name="app/Template/mobile" />

<block name="area_header">
    <style type="text/css">
        .mobile{

            background: #faf3e3;
        }
        .rank{
            position: relative;
        }
        .rank .rank-border{
            border: 1px solid #F16565;
            padding: 20px 10px;
        }
        .rank .am-list>li{
            margin-bottom: 0px;
            border-top: 0px;
            background: #faf3e3;
            padding: 8px;
        }
        .rank .nickname{
            color:#333333;
        }
        .rank .num{
            color: #f33365;
        }
        .rank .rank-title{
            position: absolute;
            top: 0px;
            left: 50%;
            margin-left: -75px;
            background: #faf3e3;
            padding: 10px;
        }
    </style>

    <script type="text/javascript">

    </script>
</block>

<block name="area_body">

    <div class="am-container rank">
        <h5 class="am-text-center rank-title">本周邀请达人TOP10</h5>
        <ul class="am-list rank-border">

            <li class="am-cf">
                <div class="am-fl">排名</div>
                <div class="am-fr">邀请人数</div>
            </li>

            <volist name="rank" id="vo">

                <li class="am-cf">
                    <div class="am-fl nickname">{:($key+1)}. {$vo.nickname}</div>
                    <div class="am-fr num">{$vo.cnt}</div>
                </li>

            </volist>

        </ul>
    </div>

</block>

